.f {
  position: relative;
  margin: 300px;
}
.f .s {
  position: absolute;
  width: 10em;
  height: 10em;
  transform-origin: center center;
  border-radius: 100%;
  background-color: #f00;
}
.f .s:nth-child(1) {
  transform: translate(100px) rotate(60deg);
}
.f .s:nth-child(2) {
  transform: translate(100px) rotate(120deg);
}
.f .s:nth-child(3) {
  transform: translate(100px) rotate(180deg);
}
.f .s:nth-child(4) {
  transform: translate(100px) rotate(240deg);
}
.f .s:nth-child(5) {
  transform: translate(100px) rotate(300deg);
}
.f .s:nth-child(6) {
  transform: translate(100px) rotate(360deg);
}
.f .s:nth-child(7) {
  transform: translate(100px) rotate(420deg);
}
.f .s:nth-child(8) {
  transform: translate(100px) rotate(480deg);
}
.f .s:nth-child(9) {
  transform: translate(100px) rotate(540deg);
}
.f .s:nth-child(10) {
  transform: translate(100px) rotate(600deg);
}
.f .s:nth-child(11) {
  transform: translate(100px) rotate(660deg);
}
.f .s:nth-child(12) {
  transform: translate(100px) rotate(720deg);
}
.f .s:nth-child(13) {
  transform: translate(100px) rotate(780deg);
}
.f .s:nth-child(14) {
  transform: translate(100px) rotate(840deg);
}
.f .s:nth-child(15) {
  transform: translate(100px) rotate(900deg);
}
.f .s:nth-child(16) {
  transform: translate(100px) rotate(960deg);
}
.f .s:nth-child(17) {
  transform: translate(100px) rotate(1020deg);
}
.f .s:nth-child(18) {
  transform: translate(100px) rotate(1080deg);
}
.f .s:nth-child(19) {
  transform: translate(100px) rotate(1140deg);
}
.f .s:nth-child(20) {
  transform: translate(100px) rotate(1200deg);
}
.f .s:nth-child(21) {
  transform: translate(100px) rotate(1260deg);
}
.f .s:nth-child(22) {
  transform: translate(100px) rotate(1320deg);
}
.f .s:nth-child(23) {
  transform: translate(100px) rotate(1380deg);
}
.f .s:nth-child(24) {
  transform: translate(100px) rotate(1440deg);
}
.f .s:nth-child(25) {
  transform: translate(100px) rotate(1500deg);
}
.f .s:nth-child(26) {
  transform: translate(100px) rotate(1560deg);
}
.f .s:nth-child(27) {
  transform: translate(100px) rotate(1620deg);
}
.f .s:nth-child(28) {
  transform: translate(100px) rotate(1680deg);
}
.f .s:nth-child(29) {
  transform: translate(100px) rotate(1740deg);
}
.f .s:nth-child(30) {
  transform: translate(100px) rotate(1800deg);
}
.f .s:nth-child(31) {
  transform: translate(100px) rotate(1860deg);
}
.f .s:nth-child(32) {
  transform: translate(100px) rotate(1920deg);
}
.f .s:nth-child(33) {
  transform: translate(100px) rotate(1980deg);
}
.f .s:nth-child(34) {
  transform: translate(100px) rotate(2040deg);
}
.f .s:nth-child(35) {
  transform: translate(100px) rotate(2100deg);
}
.f .s:nth-child(36) {
  transform: translate(100px) rotate(2160deg);
}
.f .s:nth-child(37) {
  transform: translate(100px) rotate(2220deg);
}
.f .s:nth-child(38) {
  transform: translate(100px) rotate(2280deg);
}
.f .s:nth-child(39) {
  transform: translate(100px) rotate(2340deg);
}
.f .s:nth-child(40) {
  transform: translate(100px) rotate(2400deg);
}
.f .s:nth-child(41) {
  transform: translate(100px) rotate(2460deg);
}
.f .s:nth-child(42) {
  transform: translate(100px) rotate(2520deg);
}
.f .s:nth-child(43) {
  transform: translate(100px) rotate(2580deg);
}
.f .s:nth-child(44) {
  transform: translate(100px) rotate(2640deg);
}
.f .s:nth-child(45) {
  transform: translate(100px) rotate(2700deg);
}
.f .s:nth-child(46) {
  transform: translate(100px) rotate(2760deg);
}
.f .s:nth-child(47) {
  transform: translate(100px) rotate(2820deg);
}
.f .s:nth-child(48) {
  transform: translate(100px) rotate(2880deg);
}
.f .s:nth-child(49) {
  transform: translate(100px) rotate(2940deg);
}
.f .s:nth-child(50) {
  transform: translate(100px) rotate(3000deg);
}
.f .s:nth-child(51) {
  transform: translate(100px) rotate(3060deg);
}
.f .s:nth-child(52) {
  transform: translate(100px) rotate(3120deg);
}
.f .s:nth-child(53) {
  transform: translate(100px) rotate(3180deg);
}
.f .s:nth-child(54) {
  transform: translate(100px) rotate(3240deg);
}
.f .s:nth-child(55) {
  transform: translate(100px) rotate(3300deg);
}
.f .s:nth-child(56) {
  transform: translate(100px) rotate(3360deg);
}
.f .s:nth-child(57) {
  transform: translate(100px) rotate(3420deg);
}
.f .s:nth-child(58) {
  transform: translate(100px) rotate(3480deg);
}
.f .s:nth-child(59) {
  transform: translate(100px) rotate(3540deg);
}
.f .s:nth-child(60) {
  transform: translate(100px) rotate(3600deg);
}
.f .s:nth-child(61) {
  transform: translate(100px) rotate(3660deg);
}
.f .s:nth-child(62) {
  transform: translate(100px) rotate(3720deg);
}
.f .s:nth-child(63) {
  transform: translate(100px) rotate(3780deg);
}
.f .s:nth-child(64) {
  transform: translate(100px) rotate(3840deg);
}
.f .s:nth-child(65) {
  transform: translate(100px) rotate(3900deg);
}
.f .s:nth-child(66) {
  transform: translate(100px) rotate(3960deg);
}/*# sourceMappingURL=30_20220228215539.css.map */